APlayer+Meting-API本地部署

1,316次阅读
13 条评论

共计 1609 个字符,预计需要花费 5 分钟才能阅读完成。

提醒:本文最后更新于 2025-07-31 21:30,文中所关联的信息可能已发生改变,请知悉!

开始

注意
在 PHP 8.2 或更高版本中会报出一个弃用警告(Deprecated),需要找到 Meting.php 文件,定位到类的开头,class Meting {之后,添加一行:

private &temp;   // 或者根据实际用途使用 public 或 protected

相信有很多站长喜欢在自己的 网站页脚添加音乐播放器 ,在阅读的同时通过歌曲也能给人带来愉悦的心情😀。可之前一段时间 不能显示播放器了😕,通过分析发现 Meting-API 的解析~~404。

最近我发现,可以独立部署 APlayer + Meting-API,操作比较简单,大家可以跟着我的步骤将其部署到自己的服务器上,不再依赖其他人的解析啦😎!

APlayer+Meting-API 本地部署


准备

通过自己的 终端工具 连接上自己的服务器,进入网站的运行目录下,如:

cd /www/wwwroot/abc.com

APlayer 部署

部署 APlayer 很简单,提供了两种语句:

使用 yarn 安装:

yarn add aplayer

使用 npm 安装:

npm install aplayer --save

TIPS 🔆:如果使用 npm 安装提示“The command could not be located because ‘/usr/local/bin’ is not included in the PATH environment variable”,这是环境变量失效,键入 export PATH=/usr/local/bin:$PATH 即可(考虑到服务器不会经常重启或关机,经常重启或关机的朋友移步➡️ CSDN-CSDN 博客

安装好 APlayer 之后会发现目录下多了名为 node_modules 的目录,一路前进到 dist 文件夹,这里的资源就是 APlayer 播放器的静态文件资源 也可以放到 CDN 或其他公共库中来引用


Meting-API 部署

部署这个比上面那个稍微麻烦一点 ♾️

# 首先克隆仓库
git clone https://github.com/injahow/meting-api.git
# 或者使用国内仓库
git clone https://gitee.com/injahow/meting-api.git

# 进入刚才拉下来仓库的目录
cd meting-api

# 使用国内镜像
composer config -g repo.packagist composer https://packagist.phpcomposer.com

# 安装依赖
composer install

显示下图就成功部署了:

APlayer+Meting-API 本地部署


修改 Meting-JS 文件内容(我不知道这一步是否重要)

下载这个文件:

dist/meting.js · lauwu/APlayer – 码云 – 开源中国 (gitee.com)

将语句:

https:// 路径 /?server=:server&type=:type&id=:id&r=:r

里面的 路径 改为你刚刚部署的 meting-api 路径 即可。


最终

最后就可以通过熟悉的代码来引用啦😆!

<link rel="stylesheet" href="https:// 路径 /APlayer.min.css">
<script src="https:// 路径 /hls.min.js"></script>
<script src="https:// 路径 /APlayer.min.js"></script>
<script src="https:// 路径 /meting.js"></script>
<meting-js server="tencent" type="playlist" id="273274" autoplay="false"
  fixed="true" mini="true" order="random" loop="all" preload="auto"
  volume="0.6" mutex="true" list-folded="false">
</meting-js>

🎉 搞定!享受你的独立音乐播放器吧!

正文完
CNLOVAU的微信订阅号
post-qrcode
 0
本站所有内容皆在小程序同步更新
LAO WU
版权声明:本站原创文章,由 LAO WU 于2023-07-13发表,共计1609字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处!
🫶
如果本文对您有帮助的话,请不要忘了留下点赞和评论哟~
⚠️ 评论规则
一旦您发表评论,即代表您同意本站的评论规则,本站有权利对您的评论进行“批准、驳回、移至回收站”等操作
评论(13 条评论)
初叶 评论达人 LV.1
2026-01-14 00:11:16 回复

作者大大的播放器样式能下载嘛,我想用

 Windows  Edge  中国广西南宁市移动
    lovau 博主
    2026-01-14 11:02:07 回复

    @初叶 可以分享,但是怎么分享呢,我的meting.js用的也是自修改之后的meting.js

     iPhone  Puock MiniProgram
      初叶 评论达人 LV.1
      2026-01-14 19:01:18 回复

      @lovau 这个我可以直接用开发者模式下载的,就是不知道作者大大给不给用,所以就问一问,给的话我就下下来到我自己网站用 :oops:

       Windows  Edge  中国广西南宁市移动
        lovau 博主
        2026-01-14 22:16:55 回复

        @初叶 可以使用可以使用,不过我建议你自己搭建meting,因为我的不太稳定(有时候音乐cookies会掉),然后我会跟你说js里有哪个地方需要修改

         iPhone  Puock MiniProgram
        初叶 评论达人 LV.1
        2026-01-14 23:56:02 回复

        @lovau 我已经搭建了自己改过的MetingApi了,当公益API的,musicapi.chuyel.top就是API(QQ音乐有会员的,就是容易掉很烦,几天登一次),谢谢作者大大

         Windows  Edge  中国广西南宁市移动
        初叶 评论达人 LV.1
        2026-01-14 23:56:46 回复

        @lovau js这些我改好了的,谢谢作者大大啦

         Windows  Edge  中国广西南宁市移动
        lovau 博主
        2026-01-14 23:59:19 回复

        @初叶 都小事~

         iPhone  Puock MiniProgram
        初叶 评论达人 LV.1
        2026-01-15 00:27:02 回复

        @lovau :celebrate:

         Windows  Edge  中国广西南宁市移动
流量卡知识网 评论达人 LV.1
2023-11-05 23:29:56 回复

你好,看完你的博客文章,感觉很不错!希望与你网站首页友情链接
流量卡知识网
http://53go.cn/
专注于移动 / 联通 / 电信运营商官方推出的大流量多语音活动长短期套餐手机卡的相关知识的介绍普及

听说互换友情链接可以增加网站的收录量,特此来换,如果同意的话就给 internetyewu@163.com[微信 ganenboy] 发信息或者就在此回复下吧!【建站问题也可以一起讨论!】

 Windows  Chrome  未知
Echo 评论达人 LV.1
2023-07-13 22:32:39 回复

踩一踩 :celebrate:

 Windows  Edge  未知
    lovau 博主
    2023-07-13 22:33:54 回复

    @Echo 太棒喽!!!

     iPhone  Puock MiniProgram
HOMIE方方 评论达人 LV.1
2023-07-13 22:15:21 回复

必须的呀 捧场到位

 Android  Chrome  中国广东省中山市电信

CNLOVAU